/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink {
  background: white URL("../images/menu_bg.png") repeat-x left top;
  width: 100%;
  padding: 0;
  -moz-box-shadow: 0px 4px 6px #aaaaaa;
  -webkit-box-shadow: 0px 4px 6px #aaaaaa;
  -o-box-shadow: 0px 4px 6px #aaaaaa;
  box-shadow: 0px 4px 6px #aaaaaa; }

div.menu {
  font: 1em bold Trebuchet MS, Arial, sans-serif;
  padding: 0 10px 0 10px; }

div.menu a {
  color: black;
  font-weight: bold; }

div.menu a:hover {
  text-decoration: none !important; }

div.menu ul {
  background-color: transparent;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border: none !important; }

div.menu ul.dynamic {
  background: white URL("../images/menu_bg.png") repeat-x left top;
  color: black;
  width: 213px;
  border: 0px solid white !important;
  -moz-box-shadow: 10px 4px 6px #aaaaaa;
  -webkit-box-shadow: 10px 4px 6px #aaaaaa;
  -o-box-shadow: 10px 4px 6px #aaaaaa;
  box-shadow: 10px 4px 6px #aaaaaa; }

div.menu ul li ul {
  z-index: 1000; }

div.menu ul li a.selected,
div.menu ul li a.selected:visited {
  background: gray URL("../images/menu_hover.png") repeat-x left top;
  color: black; }

div.menu ul li.static a.sub-selected,
div.menu ul li.static a.sub-selected:visited {
  background: red URL("../images/menu_active.png") repeat-x left top !important;
  color: white; }

div.menu ul li.has-popup {
  cursor: pointer; }

div.menu ul li a {
  text-align: center; }

div.menu ul li a,
div.menu ul li a:visited {
  z-index: 1001;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.75em;
  margin: 0px; }

div.menu ul li a:hover,
div.menu ul li a.highlighted {
  background: gray URL("../images/menu_hover.png") repeat-x left top;
  Color: white;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.75em;
  margin: 0px; }

div.menu ul li.dynamic {
  z-index: 1000; }

div.menu ul li.dynamic a {
  text-align: left; }

div.menu ul li.dynamic a.selected,
div.menu ul li.dynamic a.selected:visited {
  width: 208px;
  padding: 0.4em;
  margin: 0px;
  background: red URL("../images/menu_active.png") repeat-x left top;
  background-position: 0 -6px;
  color: white; }

div.menu ul li.dynamic a,
div.menu ul li.dynamic a:visited {
  background: white URL("../images/menu_bg.png") repeat-x left top;
  background-position: 0 -6px;
  color: black;
  width: 208px;
  padding: 0.4em;
  margin: 0px; }

div.menu ul li.dynamic a:hover {
  width: 208px;
  padding: 0.4em;
  margin: 0px;
  color: white;
  background: gray URL("../images/menu_hover.png") repeat-x left top;
  background-position: 0 -6px; }

div.menu ul li a.selected,
div.menu ul li a.selected:visited {
  background: red URL("../images/menu_active.png") repeat-x left top;
  color: white; }

div.menu ul li a:active {
  background-color: gray URL("../images/menu_hover.png");
  color: white;
  text-decoration: none; }

